<!DOCTYPE html SYSTEM "http://www.thymeleaf.org/dtd/xhtml1-strict-thymeleaf-spring4-4.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	  xmlns:th="http://www.thymeleaf.org">
<head>
<title>首页</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
</head>
<body>
	 <div class="container"  id="content">
		 <section class="content-header">
			 <h1>
				 <i class="fa fa-users"></i>
				 <strong>团队信息管理</strong>
			 </h1>
			 <ol class="breadcrumb">
				 <li><a href="#"><i class="fa fa-home "></i>Home</a></li>
				 <li>团队信息管理</li>
				 <li class="active">销售人员管理</li>
			 </ol>
		 </section>
		 <!-- Main content -->
		 <section class="content">
			 <div class="box box-info">
			 	   <div class="box-header with-border">
                      <i class="fa fa-th-list"></i>
                      <h4 class="box-title">销售人员查询</h4>
                  </div>
				<div class="box-body">
					 <div class="form-inline">
						 <div class="input-group">
							 <input type="text" id="keyword" class="form-control" placeholder="search..." />
							 <span class="input-group-btn">
							 <button type="button" class="btn btn-info searchBtn">查询</button>
							 <button type="button" name="reset" id="reset-btn" class="btn btn-info resetBtn">撤消</button>
							 </span>
						 </div>
						 <button type="button" class="btn btn-info pull-right editBtn">编辑</button>
						 <button type="button" class="btn btn-info pull-right delBtn" >删除</button>
						 <!--不采用添加方式，直接从二期平台同步过来 <div class="form-group pull-right">
							 <button type="button" class="btn btn-info addBtn">添加</button>
					 </div> -->
					 </div>
				</div>
				<div class="box box-body">
					<table width="100%" id="dataTable" class="mytable dataTable table-bordered text-center table-striped table-hover" cellspacing="0">
						<thead>
							<tr>
								<th width="8%">序号</th>
								<th width="5%"><input type="checkbox" id="checkAll"/></th>
								<th width="12%">姓名</th>
								<th width="8%">性别</th>
								<th width="15%">出生日期</th>
								<th width="17%">职务</th>
								<th width="15%">联系电话</th>
								<th width="20%">备注</th>
							</tr>
						</thead>
						<tbody>
						</tbody>
					</table>
				</div>
			</div>
	  </section>
	  <!--销售人员属性添加弹窗-->
    	<div class="modal" id="salemanModal">
        <div class="modal-dialog" role="dialog">
        <div class="modal-content">
        	<form id="salemanAtrrForm">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                    <h4 class="modal-title"><strong>销售人员属性</strong></h4>
                </div>  
                <div class="modal-body">
                <input class="hidden" id="id" name="id"/>
                   <div class="form-horizontal">
                   <div class="row">
                       <div class="form-group">
                           <label class="col-sm-2 control-label" >姓  名</label>
                           <div class="col-sm-4">
                           <div class="col-md-11">
                           		<input class="form-control" type="text" id="salemanName" name="salemanName" datatype="*" nullmsg="请输入姓名"/>
                           </div>
                           <div class="col-md-1"> 
                        	   		<span style="color:#F00;fontsize:30px">*</span>
                        		</div>
                           </div>
                           <label class="col-sm-2 control-label">性  别</label>
                           <div class="col-sm-4">
								 <input class="form-control" type="hidden" name="gender" id="gender" />
								 <div class="col-md-6">
									 <input class="radioIterm" type="radio" name="gender" id="gender1" value="male" checked="checked"/>男
								 </div>
								 <div class="col-md-6">
									 <input class="radioIterm" type="radio" name="gender" id="gender2" value="female" />女
								 </div>
							 </div>
                       </div>                
                       <div class="form-group">
                       <label class="col-sm-2 control-label">出生日期</label>
                           <div class="col-sm-4">
                           <div class="col-md-11">
                               <input class="form-control" type="date" id="birday" name="birday"/>
                           </div>
                           </div>
                       	   <label class="col-sm-2 control-label">职  务</label>
                           <div class="col-sm-4">
                           <div class="col-md-11">
                               <select class="form-control" id="position" name="position" >
                                   <option></option>
                                   <option>营销人员</option>
                                   <option>管理人员</option>
                                   <option>开发人员</option>
                                   <option>运维人员</option>
                                   <option>兼职人员</option>
                               </select>                            
                           </div>
                           </div>
                        </div>
                        <div class="form-group">
                           <label class="col-sm-2 control-label">联系电话</label>
                           <div class="col-sm-4">
                           <div class="col-md-11">
                               <input class="form-control" type="tel" id="contractPhone" name="contractPhone"/>
                           </div>
                           </div>
                        </div>
                        <div class="form-group">
                           <label class="col-sm-2 control-label">备   注</label>
                           <div class="col-sm-10">
                           <div class="col-md-11">
                               <input class="form-control" type="text" id="memo" name="memo"/>
                           </div>
                           </div>
                        </div>
                      </div>
                   </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-default" data-dismiss="modal">返回</button>
                    <button type="button" class="btn btn-primary saveBtn">保存</button>
                </div>
            </div>
          </form>
          </div>
        </div>
    </div>
	 	 
	  <script th:src="@{/saleman/salemanindex.js}"></script>
	 </div>
	
</body>
</html>